﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="author" content="wpOceans" />
    <link rel="shortcut icon" type="image/png" href="assets/images/favicon.png" />
    <title>Pengu - eCommerce HTML5 Template</title>
    <link href="assets/css/themify-icons.css" rel="stylesheet" />
    <link href="assets/css/font-awesome.min.css" rel="stylesheet" />
    <link href="assets/css/flaticon.css" rel="stylesheet" />
    <link href="assets/css/bootstrap.min.css" rel="stylesheet" />
    <link href="assets/css/animate.css" rel="stylesheet" />
    <link href="assets/css/owl.carousel.css" rel="stylesheet" />
    <link href="assets/css/owl.theme.css" rel="stylesheet" />
    <link href="assets/css/slick.css" rel="stylesheet" />
    <link href="assets/css/slick-theme.css" rel="stylesheet" />
    <link href="assets/css/swiper.min.css" rel="stylesheet" />
    <link href="assets/css/owl.transitions.css" rel="stylesheet" />
    <link href="assets/css/jquery.fancybox.css" rel="stylesheet" />
    <link href="assets/css/odometer-theme-default.css" rel="stylesheet" />
    <link href="assets/sass/style.css" rel="stylesheet" />
</head>

<body>
    <!-- start page-wrapper -->
    <div class="page-wrapper">
        <!-- start preloader -->
        <div class="preloader">
            <div class="vertical-centered-box">
                <div class="content">
                    <div class="loader-circle"></div>
                    <div class="loader-line-mask">
                        <div class="loader-line"></div>
                    </div>
                    <img src="assets/images/preloader.png" alt="" />
                </div>
            </div>
        </div>
        <!-- end preloader -->

        <!-- Start header -->
        <header id="header" class="wpo-header-style-3">
            <!-- end topbar -->
            <div class="wpo-site-header">
                <nav class="navigation navbar navbar-expand-lg navbar-light">
                    <div class="container-fluid">
                        <div class="row align-items-center">
                            <div class="col-lg-3 col-md-3 col-3 d-lg-none dl-block">
                                <div class="mobail-menu">
                                    <button type="button" class="navbar-toggler open-btn">
                                        <span class="sr-only">Toggle navigation</span>
                                        <span class="icon-bar first-angle"></span>
                                        <span class="icon-bar middle-angle"></span>
                                        <span class="icon-bar last-angle"></span>
                                    </button>
                                </div>
                            </div>
                            <div class="col-lg-2 col-md-6 col-6">
                                <div class="navbar-header">
                                    <a class="navbar-brand" href="index.html"><img src="assets/images/logo.svg"
                                            alt="logo" /></a>
                                </div>
                            </div>
                            <div class="col-lg-8 col-md-1 col-1">
                                <div id="navbar" class="collapse navbar-collapse navigation-holder">
                                    <button class="menu-close"><i class="ti-close"></i></button>
                                    <ul class="nav navbar-nav mb-2 mb-lg-0">
                                        <li>
                                            <a href="index-4.html">Home</a>
                                        </li>
                                        <li><a class="active" href="shop.html">Shop</a></li>
                                        <li>
                                            <a href="cart.html">Cart</a>
                                        </li>
                                        <li><a href="contact.html">Contact Us</a></li>
                                    </ul>
                                </div>
                                <!-- end of nav-collapse -->
                            </div>
                            <div class="col-lg-2 col-md-2 col-2">
                                <div class="header-right">
                                    <div class="mini-cart">
                                        <button class="cart-toggle-btn"><i class="fi flaticon-shopping-cart"></i> <span
                                                class="cart-count">2</span></button>
                                        <div class="mini-cart-content">
                                            <button class="mini-cart-close"><i class="ti-close"></i></button>
                                            <div class="mini-cart-items">
                                                <div class="mini-cart-item clearfix">
                                                    <div class="mini-cart-item-image">
                                                        <a href="shop.html"><img
                                                                src="assets/images/shop/mini-cart/img-1.jpg" alt /></a>
                                                    </div>
                                                    <div class="mini-cart-item-des">
                                                        <a href="shop.html">White Wedding Shoe</a>
                                                        <span class="mini-cart-item-price">$100.15 x 1</span>
                                                        <span class="mini-cart-item-quantity"><a href="#"><i
                                                                    class="ti-close"></i></a></span>
                                                    </div>
                                                </div>
                                                <div class="mini-cart-item clearfix">
                                                    <div class="mini-cart-item-image">
                                                        <a href="shop.html"><img
                                                                src="assets/images/shop/mini-cart/img-2.jpg" alt /></a>
                                                    </div>
                                                    <div class="mini-cart-item-des">
                                                        <a href="shop.html">Long Sleeve Tops</a>
                                                        <span class="mini-cart-item-price">$230.25 x 2</span>
                                                        <span class="mini-cart-item-quantity"><a href="#"><i
                                                                    class="ti-close"></i></a></span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="mini-cart-action clearfix">
                                                <span class="mini-checkout-price">Subtotal: <span>$330.35</span></span>
                                                <div class="mini-btn">
                                                    <a href="checkout.html" class="view-cart-btn s1">Checkout</a>
                                                    <a href="cart.html" class="view-cart-btn">View Cart</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="header-search-form-wrapper">
                                        <div class="cart-search-contact">
                                            <button class="search-toggle-btn"><i class="fi flaticon-loupe"></i></button>
                                            <div class="header-search-form">
                                                <form>
                                                    <div>
                                                        <input id="searchText" type="text" class="form-control"
                                                            placeholder="Search here...">
                                                        <button id="searchBtn">
                                                            <i class="fi flaticon-loupe"></i>
                                                        </button>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="header-login" style="margin-left: 0px">
                                        <button class="login-btn-block">
                                            <a class="login-btn" href="login.html">
                                                <i class="fi flaticon-user" style="color: #060530"></i>
                                            </a>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- end of container -->
                </nav>
            </div>
        </header>
        <!-- end of header -->

        <!-- start wpo-page-title -->
        <section class="wpo-page-title">
            <div class="container">
                <div class="row">
                    <div class="col col-xs-12">
                        <div class="wpo-breadcumb-wrap">
                            <h2>Shop</h2>
                            <ol class="wpo-breadcumb-wrap">
                                <li><a href="index.html">Home</a></li>
                                <li>Shop</li>
                            </ol>
                        </div>
                    </div>
                </div>
                <!-- end row -->
            </div>
            <!-- end container -->
        </section>
        <!-- end page-title -->

        <!-- shop-section  start-->

        <div class="shop-section">
            <div class="container">
                <div class="row">
                    <div class="col-lg-4">
                        <div class="shop-filter-wrap">
                            <div class="filter-item">
                                <div class="shop-filter-item">
                                    <h2>Search</h2>
                                    <div class="shop-filter-search">
                                        <form>
                                            <div>
                                                <input type="text" class="form-control" placeholder="Search" />
                                                <button type="submit"><i class="ti-search"></i></button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                            <div class="filter-item">
                                <div class="shop-filter-item">
                                    <h2>Category</h2>
                                    <ul>
                                        <li>
                                            <label class="topcoat-radio-button__label">
                                                Category1
                                                <input type="radio" name="category" />
                                                <span class="topcoat-radio-button"></span>
                                            </label>
                                        </li>
                                        <li>
                                            <label class="topcoat-radio-button__label">
                                                Category2
                                                <input type="radio" name="category" />
                                                <span class="topcoat-radio-button"></span>
                                            </label>
                                        </li>
                                        <li>
                                            <label class="topcoat-radio-button__label">
                                                Category3
                                                <input type="radio" name="category" />
                                                <span class="topcoat-radio-button"></span>
                                            </label>
                                        </li>
                                        <li>
                                            <label class="topcoat-radio-button__label">
                                                Category4
                                                <input type="radio" name="category" />
                                                <span class="topcoat-radio-button"></span>
                                            </label>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="filter-item">
                                <div class="shop-filter-item">
                                    <h2>Price</h2>
                                    <ul>
                                        <li>
                                            <label class="topcoat-radio-button__label">
                                                All prices
                                                <input type="radio" name="topcoat" />
                                                <span class="topcoat-radio-button"></span>
                                            </label>
                                        </li>
                                        <li>
                                            <label class="topcoat-radio-button__label">
                                                $50 – $100 (1)
                                                <input type="radio" name="topcoat" />
                                                <span class="topcoat-radio-button"></span>
                                            </label>
                                        </li>
                                        <li>
                                            <label class="topcoat-radio-button__label">
                                                $100 – $200 (21)
                                                <input type="radio" name="topcoat" />
                                                <span class="topcoat-radio-button"></span>
                                            </label>
                                        </li>
                                        <li>
                                            <label class="topcoat-radio-button__label">
                                                $200 – $300 (13)
                                                <input type="radio" name="topcoat" />
                                                <span class="topcoat-radio-button"></span>
                                            </label>
                                        </li>
                                        <li>
                                            <label class="topcoat-radio-button__label">
                                                $300 – $400 (3)
                                                <input type="radio" name="topcoat" />
                                                <span class="topcoat-radio-button"></span>
                                            </label>
                                        </li>
                                        <li>
                                            <label class="topcoat-radio-button__label">
                                                $400 and more (2)
                                                <input type="radio" name="topcoat" />
                                                <span class="topcoat-radio-button"></span>
                                            </label>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-8">
                        <div class="shop-section-top-inner">
                            <div class="shoping-list">
                                <ul class="nav nav-mb-3 main-tab" id="tab" role="tablist">
                                    <li class="nav-item" role="presentation">
                                        <button class="nav-link active" id="grid-tab" data-bs-toggle="pill"
                                            data-bs-target="#grid" type="button" role="tab" aria-controls="grid"
                                            aria-selected="true"><i class="fa fa-th"></i></button>
                                    </li>
                                    <li class="nav-item" role="presentation">
                                        <button class="nav-link" id="list-tab" data-bs-toggle="pill"
                                            data-bs-target="#list" type="button" role="tab" aria-controls="list"
                                            aria-selected="false"><i class="fa fa-list"></i></button>
                                    </li>
                                </ul>
                            </div>
                            <div class="shoping-product">
                                <span>Showing Products 1 - 9 Of 13 Result</span>
                            </div>
                            <div class="short-by">
                                <ul>
                                    <li>Short By :</li>
                                    <li>
                                        <select name="show">
                                            <option value="">Show 9 Items</option>
                                            <option value="">Show 18 Items</option>
                                            <option value="">Show 27 Items</option>
                                        </select>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="tab-content">
                            <div class="tab-pane fade show active" id="grid" role="tabpanel" aria-labelledby="grid-tab">
                                <div class="product-wrap">
                                    <div class="row align-items-center">
                                        <div class="col-xl-4 col-lg-6 col-md-6 col-sm-12 col-12">
                                            <div class="product-single-item">
                                                <div class="image">
                                                    <a href="product-single.html">
                                                        <img src="assets/images/product-single/1.jpg" alt="" />
                                                    </a>
                                                </div>
                                                <div class="text">
                                                    <h2><a href="product-single.html">Long Sleeve Tops</a></h2>
                                                    <div class="price">
                                                        <del class="old-price">$85.50</del>
                                                        <span class="present-price">$70.30</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xl-4 col-lg-6 col-md-6 col-sm-12 col-12">
                                            <div class="product-single-item active">
                                                <div class="image">
                                                    <a href="product-single.html">
                                                        <img src="assets/images/product-single/2.jpg" alt="" />
                                                    </a>
                                                </div>
                                                <div class="text">
                                                    <h2><a href="product-single.html">White Wedding Shoe</a></h2>
                                                    <div class="price">
                                                        <del class="old-price">$150.20</del>
                                                        <span class="present-price">$120.50</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xl-4 col-lg-6 col-md-6 col-sm-12 col-12">
                                            <div class="product-single-item">
                                                <div class="image">
                                                    <a href="product-single.html">
                                                        <img src="assets/images/product-single/3.jpg" alt="" />
                                                    </a>
                                                </div>
                                                <div class="text">
                                                    <h2><a href="product-single.html">Long Chain With Lockel</a></h2>
                                                    <div class="price">
                                                        <del class="old-price">$85.50</del>
                                                        <span class="present-price">$70.30</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xl-4 col-lg-6 col-md-6 col-sm-12 col-12">
                                            <div class="product-single-item">
                                                <div class="image">
                                                    <a href="product-single.html">
                                                        <img src="assets/images/product-single/4.jpg" alt="" />
                                                    </a>
                                                </div>
                                                <div class="text">
                                                    <h2><a href="product-single.html">Winter Jacket</a></h2>
                                                    <div class="price">
                                                        <del class="old-price">$100.50</del>
                                                        <span class="present-price">$80.30</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xl-4 col-lg-6 col-md-6 col-sm-12 col-12">
                                            <div class="product-single-item">
                                                <div class="image">
                                                    <a href="product-single.html">
                                                        <img src="assets/images/product-category/1.jpg" alt="" />
                                                    </a>
                                                </div>
                                                <div class="text">
                                                    <h2><a href="product-single.html">Long Sleeve Tops</a></h2>
                                                    <div class="price">
                                                        <del class="old-price">$85.50</del>
                                                        <span class="present-price">$70.30</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xl-4 col-lg-6 col-md-6 col-sm-12 col-12">
                                            <div class="product-single-item">
                                                <div class="image">
                                                    <a href="product-single.html">
                                                        <img src="assets/images/product-category/2.jpg" alt="" />
                                                    </a>
                                                </div>
                                                <div class="text">
                                                    <h2><a href="product-single.html">White Wedding Shoe</a></h2>
                                                    <div class="price">
                                                        <del class="old-price">$150.50</del>
                                                        <span class="present-price">$120.30</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xl-4 col-lg-6 col-md-6 col-sm-12 col-12">
                                            <div class="product-single-item">
                                                <div class="image">
                                                    <a href="product-single.html">
                                                        <img src="assets/images/product-category/3.jpg" alt="" />
                                                    </a>
                                                </div>
                                                <div class="text">
                                                    <h2><a href="product-single.html">Long Chain With Lockel</a></h2>
                                                    <div class="price">
                                                        <del class="old-price">$180.50</del>
                                                        <span class="present-price">$150.30</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xl-4 col-lg-6 col-md-6 col-sm-12 col-12">
                                            <div class="product-single-item">
                                                <div class="image">
                                                    <a href="product-single.html">
                                                        <img src="assets/images/product-category/5.jpg" alt="" />
                                                    </a>
                                                </div>
                                                <div class="text">
                                                    <h2><a href="product-single.html">Long Sleeve Tops</a></h2>
                                                    <div class="price">
                                                        <del class="old-price">$85.50</del>
                                                        <span class="present-price">$70.30</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xl-4 col-lg-6 col-md-6 col-sm-12 col-12">
                                            <div class="product-single-item">
                                                <div class="image">
                                                    <a href="product-single.html">
                                                        <img src="assets/images/product-category/6.jpg" alt="" />
                                                    </a>
                                                </div>
                                                <div class="text">
                                                    <h2><a href="product-single.html">White Wedding Shoe</a></h2>
                                                    <div class="price">
                                                        <del class="old-price">$120.50</del>
                                                        <span class="present-price">$100.30</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade product-list" id="list" role="tabpanel"
                                aria-labelledby="list-tab">
                                <div class="product-wrap">
                                    <div class="row align-items-center">
                                        <div class="col-xl-12 col-12">
                                            <div class="product-single-item product-single-item-s2">
                                                <div class="image">
                                                    <a href="product-single.html">
                                                        <img src="assets/images/product-category/6.jpg" alt="" />
                                                    </a>
                                                </div>
                                                <div class="text">
                                                    <h2><a href="product-single.html">Long Chain With Lockel</a></h2>
                                                    <div class="price">
                                                        <del class="old-price">$120.50</del>
                                                        <span class="present-price">$100.30</span>
                                                    </div>
                                                    <div class="product-ratting">
                                                        <ul>
                                                            <li><i class="fa fa-star" aria-hidden="true"></i></li>
                                                            <li><i class="fa fa-star" aria-hidden="true"></i></li>
                                                            <li><i class="fa fa-star" aria-hidden="true"></i></li>
                                                            <li><i class="fa fa-star" aria-hidden="true"></i></li>
                                                            <li>
                                                                <span><i class="fa fa-star"
                                                                        aria-hidden="true"></i></span>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                    <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aperiam
                                                        consequuntur laudantium quod ratione nulla modi? Repudiandae
                                                        quidem dicta quia eveniet dignissimos.</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xl-12 col-12">
                                            <div class="product-single-item product-single-item-s2">
                                                <div class="image">
                                                    <a href="product-single.html">
                                                        <img src="assets/images/product-category/1.jpg" alt="" />
                                                    </a>
                                                </div>
                                                <div class="text">
                                                    <h2><a href="product-single.html">White Wedding Shoe</a></h2>
                                                    <div class="price">
                                                        <del class="old-price">$120.50</del>
                                                        <span class="present-price">$100.30</span>
                                                    </div>
                                                    <div class="product-ratting">
                                                        <ul>
                                                            <li><i class="fa fa-star" aria-hidden="true"></i></li>
                                                            <li><i class="fa fa-star" aria-hidden="true"></i></li>
                                                            <li>
                                                                <span><i class="fa fa-star"
                                                                        aria-hidden="true"></i></span>
                                                            </li>
                                                            <li>
                                                                <span><i class="fa fa-star"
                                                                        aria-hidden="true"></i></span>
                                                            </li>
                                                            <li>
                                                                <span><i class="fa fa-star"
                                                                        aria-hidden="true"></i></span>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                    <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aperiam
                                                        consequuntur laudantium quod ratione nulla modi? Repudiandae
                                                        quidem dicta quia eveniet dignissimos.</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xl-12 col-12">
                                            <div class="product-single-item product-single-item-s2">
                                                <div class="image">
                                                    <a href="product-single.html">
                                                        <img src="assets/images/product-category/3.jpg" alt="" />
                                                    </a>
                                                </div>
                                                <div class="text">
                                                    <h2><a href="product-single.html">Winter Jacket</a></h2>
                                                    <div class="price">
                                                        <del class="old-price">$120.50</del>
                                                        <span class="present-price">$100.30</span>
                                                    </div>
                                                    <div class="product-ratting">
                                                        <ul>
                                                            <li><i class="fa fa-star" aria-hidden="true"></i></li>
                                                            <li><i class="fa fa-star" aria-hidden="true"></i></li>
                                                            <li><i class="fa fa-star" aria-hidden="true"></i></li>
                                                            <li><i class="fa fa-star" aria-hidden="true"></i></li>
                                                            <li>
                                                                <span><i class="fa fa-star"
                                                                        aria-hidden="true"></i></span>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                    <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aperiam
                                                        consequuntur laudantium quod ratione nulla modi? Repudiandae
                                                        quidem dicta quia eveniet dignissimos.</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xl-12 col-12">
                                            <div class="product-single-item product-single-item-s2">
                                                <div class="image">
                                                    <a href="product-single.html">
                                                        <img src="assets/images/product-category/2.jpg" alt="" />
                                                    </a>
                                                </div>
                                                <div class="text">
                                                    <h2><a href="product-single.html">White Wedding Shoe</a></h2>
                                                    <div class="price">
                                                        <del class="old-price">$120.50</del>
                                                        <span class="present-price">$100.30</span>
                                                    </div>
                                                    <div class="product-ratting">
                                                        <ul>
                                                            <li><i class="fa fa-star" aria-hidden="true"></i></li>
                                                            <li><i class="fa fa-star" aria-hidden="true"></i></li>
                                                            <li><i class="fa fa-star" aria-hidden="true"></i></li>
                                                            <li><i class="fa fa-star" aria-hidden="true"></i></li>
                                                            <li>
                                                                <span><i class="fa fa-star"
                                                                        aria-hidden="true"></i></span>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                    <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aperiam
                                                        consequuntur laudantium quod ratione nulla modi? Repudiandae
                                                        quidem dicta quia eveniet dignissimos.</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xl-12 col-12">
                                            <div class="product-single-item product-single-item-s2">
                                                <div class="image">
                                                    <a href="product-single.html">
                                                        <img src="assets/images/product-category/7.jpg" alt="" />
                                                    </a>
                                                </div>
                                                <div class="text">
                                                    <h2><a href="product-single.html">Long Chain With Lockel</a></h2>
                                                    <div class="price">
                                                        <del class="old-price">$120.50</del>
                                                        <span class="present-price">$100.30</span>
                                                    </div>
                                                    <div class="product-ratting">
                                                        <ul>
                                                            <li><i class="fa fa-star" aria-hidden="true"></i></li>
                                                            <li><i class="fa fa-star" aria-hidden="true"></i></li>
                                                            <li><i class="fa fa-star" aria-hidden="true"></i></li>
                                                            <li><i class="fa fa-star" aria-hidden="true"></i></li>
                                                            <li>
                                                                <span><i class="fa fa-star"
                                                                        aria-hidden="true"></i></span>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                    <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aperiam
                                                        consequuntur laudantium quod ratione nulla modi? Repudiandae
                                                        quidem dicta quia eveniet dignissimos.</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xl-12 col-12">
                                            <div class="product-single-item product-single-item-s2">
                                                <div class="image">
                                                    <a href="product-single.html">
                                                        <img src="assets/images/product-category/5.jpg" alt="" />
                                                    </a>
                                                </div>
                                                <div class="text">
                                                    <h2><a href="product-single.html">Long Sleeve Tops</a></h2>
                                                    <div class="price">
                                                        <del class="old-price">$120.50</del>
                                                        <span class="present-price">$100.30</span>
                                                    </div>
                                                    <div class="product-ratting">
                                                        <ul>
                                                            <li><i class="fa fa-star" aria-hidden="true"></i></li>
                                                            <li><i class="fa fa-star" aria-hidden="true"></i></li>
                                                            <li><i class="fa fa-star" aria-hidden="true"></i></li>
                                                            <li>
                                                                <span><i class="fa fa-star"
                                                                        aria-hidden="true"></i></span>
                                                            </li>
                                                            <li>
                                                                <span><i class="fa fa-star"
                                                                        aria-hidden="true"></i></span>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                    <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aperiam
                                                        consequuntur laudantium quod ratione nulla modi? Repudiandae
                                                        quidem dicta quia eveniet dignissimos.</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- shop-area-end -->

        <!-- start of wpo-site-footer-section -->
        <footer class="wpo-site-footer">
            <div class="wpo-upper-footer">
                <div class="container">
                    <div class="row">
                        <div class="col col-lg-4 col-md-6 col-sm-12 col-12">
                            <div class="widget about-widget">
                                <div class="logo widget-title">
                                    <img src="assets/images/logo.svg" alt="blog" />
                                </div>
                                <p>Mattis inelit neque quis donecyir eleng amet. Amet sed et cursus eu euiod.
                                    Egestaerets in morbiet tristique ornare vulputate vitae enim.</p>
                            </div>
                        </div>
                        <div class="col col-lg-4 col-md-6 col-sm-12 col-12">
                            <div class="widget link-widget">
                                <h4>Easy 30 days returns</h4>
                                <p>30 days money back guarantee</p>
                                <h4>International Warranty</h4>
                                <p>Offered in the country of usage</p>
                                <h4>100% Secure Checkout</h4>
                                <p>PayPal/ MasterCard / Visa</p>
                            </div>
                        </div>

                        <div class="col col-lg-4 col-md-6 col-sm-12 col-12">
                            <div class="widget newsletter-widget">
                                <div class="widget-title">
                                    <h3>Newsletter</h3>
                                </div>
                                <p>Subscribe to our newsletter and get 10% off your first purchase.</p>
                                <form>
                                    <div class="input-1">
                                        <input type="email" class="form-control" placeholder="Your Email Address.. "
                                            required="" />
                                    </div>
                                    <div class="submit clearfix">
                                        <button type="submit">Subscribe</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- end container -->
            </div>
            <div class="wpo-lower-footer">
                <div class="container">
                    <div class="row">
                        <div class="col col-xs-12">
                            <p class="copyright">Copyright &copy; 2023 Canun By <a
                                    href="http://www.bootstrapmb.com">bootstrapMB</a>. All Rights Reserved.</p>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        <!-- end of wpo-site-footer-section -->

        <!-- popup-quickview  -->
        <div id="popup-quickview" class="modal fade" tabindex="-1">
            <div class="modal-dialog quickview-dialog">
                <div class="modal-content">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"><i
                            class="ti-close"></i></button>
                    <div class="modal-body d-flex">
                        <div class="product-details">
                            <div class="row align-items-center">
                                <div class="col-lg-5">
                                    <div class="product-single-img">
                                        <div class="modal-product">
                                            <div class="item">
                                                <img src="assets/images/modal.jpg" alt="" />
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-7">
                                    <div class="product-single-content">
                                        <h5>White Wedding Shoe</h5>
                                        <h6>120.00 USD</h6>
                                        <ul class="rating">
                                            <li><i class="fa fa-star" aria-hidden="true"></i></li>
                                            <li><i class="fa fa-star" aria-hidden="true"></i></li>
                                            <li><i class="fa fa-star" aria-hidden="true"></i></li>
                                            <li><i class="fa fa-star" aria-hidden="true"></i></li>
                                            <li><i class="fa fa-star" aria-hidden="true"></i></li>
                                        </ul>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quis ultrices
                                            lectus lobortis, dolor et tempus porta, leo mi efficitur ante, in varius
                                            felis sem ut mauris. Proin volutpat lorem inorci sed vestibulum tempus.
                                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam hendrerit.
                                        </p>

                                        <div class="pro-single-btn">
                                            <div class="quantity cart-plus-minus">
                                                <input type="text" value="1" />
                                                <div class="dec qtybutton">-</div>
                                                <div class="inc qtybutton"></div>
                                            </div>
                                            <a href="#" class="theme-btn">Add to cart</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- popup-quickview -->
        </div>
    </div>
    <!-- end of page-wrapper -->

    <!-- All JavaScript files
    ================================================== -->
    <script src="assets/js/jquery.min.js"></script>
    <script src="assets/js/bootstrap.bundle.min.js"></script>
    <!-- Plugins for this template -->
    <script src="assets/js/modernizr.custom.js"></script>
    <script src="assets/js/jquery.dlmenu.js"></script>
    <script src="assets/js/jquery-plugin-collection.js"></script>
    <!-- Custom script for this template -->
    <script src="assets/js/script.js"></script>
</body>

</html>